<template>
  <div class="con">
    <div class="left-input">
      <div class="left el">
        <p>用户名:</p>
        <el-input placeholder="李某某" v-model="search.search1" clearable> </el-input>
      </div>
      <div class="left tf">
        <p>警员编号:</p>
        <el-input placeholder="请输入..." v-model="search.search2" clearable>
        </el-input>
      </div>
    </div>
    <div class="right">
      <el-button type="primary" @click="searchfun">搜索</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      search:{search1: "",search2: "",}
    };
  },
  methods: {
    searchfun(){
      //查询
      this.$emit('searchfunp',this.search)
    }
  },
};
</script>
<style lang="less" scoped>
.con {
  background-color: #fff;
  height: 100px;
  display: flex;
  // justify-content: space-between;
  align-items: center;
}
.left-input {
  display: flex;
}
.el {
  margin-left: 54px;
}
.tf {
  margin-left: 86px;
}
/deep/.el-input {
  width: 202px;
}
/deep/.el-input__inner {
  margin-left: 12px;
  padding-left: 8px;
}
.left {
  display: flex;
  align-items: center;
}
.right {
//   margin-top: 20px;
  margin-left: 250px;
}
/deep/.el-button--small {
  width: 98px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
}
</style>